import React, { Component } from 'react'

import GambleSvgCircle from '@/comps/gamble/GambleSvgCircle.js'


export default class GambleStatistics extends Component { 
  constructor(props) { 
    super(props)
  }
 
  render() { 
    return (
      <div className="yt gamble-wrap-bg">
      <div className="yt-f1">
        <div className="yt gamble-account">
          <div className="yt-1f2 gamble-account-section">
            <div className="gamble-account-title">今日收益</div>
            <div className="gamble-account-num-yellow">0</div>
          </div>
          <div className="yt-1f2 gamble-account-section">
            <div className="gamble-account-title">本月收益</div>
            <div className="gamble-account-num-yellow">0</div>
          </div>
        </div>
  
        <div className="yt gamble-account">
          <div className="yt-1f2 gamble-account-section">
            <div className="gamble-account-title">预测数(次)</div>
            <div className="gamble-account-num-white">0</div>
          </div>
          <div className="yt-1f2 gamble-account-section">
            <div className="gamble-account-title">正确数(次)</div>
            <div className="gamble-account-num-white">0</div>
          </div>
        </div>
      </div>
  
        <div className="yt yt-ver yt-ac zhunquelv-wrap">
        <div className="gamble-account-title" style={{marginBottom:'8px',marginTop:'10px'}}>准确率</div>
          <div className="gambleprogress">
            <GambleSvgCircle rate={this.props.rate}></GambleSvgCircle>
            <div className="gamble-percent">{this.props.rate*100}%</div>
        </div>
      </div>
    </div>
    )
  }
}